@charset "utf-8";
/* CSS Document */

Blogger Template Style
Name      : hotstills
Author   : Pream
Skype: kathalworld.com
Email: preamch@hotmail.com
Updated by: Blogger Team
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links which provides due credit to its authors and supporters. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/ */
body{background:url(http://4.bp.blogspot.com/-JbK0P0EQmtM/USRIsrxNJlI/AAAAAAAAXK4/mNXya1MfyoI/s1600/nasty_fabric.png);color:#696969;height:100%;font-family:Verdana;font-size:13px;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0}
a,a:link,a:visited{color:#2560aa;text-decoration:none}
a:hover,a:active{color:#222;text-decoration:none}
h2.date-header{display:none}
.header-wrapper{width:1010px;color:#333;height:95px;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:300px;float:left;width:auto;overflow:hidden;z-index:999;min-width:240px;margin:0;padding:0}
#header-inner{margin:0px 0px 10px;padding:0px}
#header h1,#header p{font:30px Century Gothic;line-height:30px;color:#000000;padding-left:5px;padding-bottom:8px;margin:0}
#header h1 a,#header h1.title a:hover{color:#FF7F50;text-decoration:none}
#header .description{color:#0a2e56;font:14px Open Sans;text-shadow:none}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
#header2{float:right;width:728px;margin-right:10px}
.header2 .widget{margin:0 aut0o;padding:5px 0}

.masmenu{background:#FF4500;color:#fff;width:100%;display:inline-block;}
.masmenu ul{width:100%;padding:0;margin:0}
.masmenu li:first-child a{padding:7px 10px 3px}
.masmenu li{list-style:none;float:left}
.masmenu li a{color:#fff;display:block;font:bold 12px arial;position:relative;text-decoration:none;padding:10px 12px;overflow:hidden}
.masmenu li a:hover{background:#FF0000;color:#fff}
.masmenu li a .sf-sub-indicator{overflow:hidden;position:absolute;text-indent:-9999px}
.masmenu li li a,.masmenu li li a:link,.masmenu li li a:visited{background:#FF0000;border-bottom:1px solid #ffffff;color:#fff;font-size:11px;position:relative;text-transform:none;width:138px;padding:9px 10px}
.masmenu li li a:hover,.masmenu li li a:active{background:#FF7F50}
.masmenu li ul{height:10px;left:-9999px;position:absolute;width:160px;z-index:9999;margin:0}
.masmenu li ul a{width:140px}
.masmenu li ul ul{margin:-33px 0 0 157px}
.masmenu li:hover>ul,.masmenu li.sfHover ul{left:auto}
.page-menu{background:#222;width:100%;z-index:299;margin:0 auto;padding:0}
.page-menu ul{list-style:none;color:#ddd;z-index:999;width:1010px;margin:0 auto;padding:0}
.page-menu ul li{list-style:none;line-height:34px;display:inline-block}
.page-menu li a{background:transparent;color:#ddd;display:block;font-size:13px;font-family:Arial,Helvetica,Tahoma,sans-serif;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px}
.page-menu li a:hover,.page-menu .selected{background:#444;color:#fff}

.outerpic-wrapper{background:#fff;width:100%;box-shadow:0 10px 10px #666;-moz-box-shadow:0 10px 10px #666;overflow:hidden;-webkit-box-shadow:0 10px 10px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,Strength=6);padding:10px}
.content-wrapper{position:relative;max-width:1010px;margin:0 auto}
.outer-wrapper{position:relative;width:100%;padding:0}
.main-wrapper{width:480px;margin-right:0px;float:left;border-right:1px dotted #FF7F50;word-wrap:break-word;overflow:hidden;}
.clr{clear:both;float:none}

h2{line-height:1.4em;text-transform:none;color:#000000;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{margin:0 0 15px;padding:5px 15px 15px}
.post h1,.post h2{font:21px 'Open sans', sans-serif;line-height:1.2em;color:#000000;margin:.0em 0 0;padding:4px 0}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#0a2e56}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#333}
.post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 13px Verdana;margin:1.0em 0 .75em;line-height:20px;}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:13px Arial;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{background:#EBF5FE;border-left:4px solid #ccc;margin:0 0 10px 5px;padding:10px;}
.post blockquote p{margin:0;padding:0 0 15px}
.post img{max-width:100%;width:auto;}

.showpageNum a{font:12px Arial;text-decoration:none;border:1px solid #2560aa;background:#fff;margin:0 4px;padding:5px 8px}
.showpageOf{display:none}
.showpageNum a:hover{border:1px solid #2560aa;background:#48d;text-decoration:underline;color:#fff}
.showpagePoint{font:12px Arial;color:#fff;border:1px solid #2560aa;background:#FF7F50;text-decoration:none;margin:2px;padding:5px 8px}
.readmorecontent{float:right;margin:5px 5px 0 0;padding:2px 0}
.readmorecontent a{color: #555;text-shadow: 0 1px 0 rgba(255,255,255,.5);border-width: 1px;border-style: solid;border-color: #fff #ccc #999 #eee; background: #c1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c1c1);background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);background: -o-linear-gradient(#f5f5f5, #c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1c1c1);background: linear-gradient(#f5f5f5, #c1c1c1);  text-decoration:none;font-size:11px;padding:5px 7px}
.readmorecontent a:hover{text-decoration:none;color:#48d}
#blog-pager-newer-link a{background:#FF7F50;float:left;display:inline;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;padding:0 8px}
#blog-pager-older-link a{float:right;display:inline;background:#48d;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;padding:0 8px}
#blog-pager-home-link a{display:inline;background:#48d;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;margin:0 0 0 20px;padding:4px 8px}
#blog-pager{text-align:center;font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#2560aa;padding:10px 10px 10px 20px}

.menusearch{width:200px;float:right;margin:0 auto;padding:4px 0 0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #000;}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}

.sidebar-wrapper,.sidebar1-wrapper{width:250px;float:right;margin-top:5px;margin-right:5px;word-wrap:break-word;overflow:hidden;}
.sidebar h2{background: url(http://3.bp.blogspot.com/-UvwBpCWVqls/UYxbTF_CHlI/AAAAAAAAJMs/H5unEJcIMHg/s000/line.png) left bottom no-repeat;color:#333333;font:15px Open Sans;padding:5px 0 10px 0px;text-shadow:0 1px 1px #fff;text-transform:uppercase}
.sidebar{background:#ffffff;color:#666;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #FF4500}
.sidebar .widget{;margin:2px 0 5px;padding:0}
.sidebar .widget-content{margin:0 auto;padding:0 0px;}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#015bb3}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0px 0px 0px;padding:0}

#footer{background-color:#FFA07A;background-image: -moz-linear-gradient(top,#333 0,#111 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#111 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#111)); background-image: -webkit-linear-gradient(top,#333 0,#111 100%); background-image: linear-gradient(to bottom,#333 0,#111 100%);border-bottom:1px solid #000;border-top:5px solid #FF6347;width:100%;padding:0;}
.footer-wrapper{color:#ffffff;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0}
.footer{float:left;width:30%;margin-left:19px;margin-top:7px}
.footer .widget{margin-bottom:30px}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer .widget-content{line-height:20px}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#ffffff;text-decoration:none}
.footer li a:hover{color:#ffffff}
#credit{background:#FF6347;border-top:1px solid #000;font:11px Tahoma;color:#000000;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px}
#credit .left{float:left;text-align:left;margin-left:10px}
#credit .right{float:right;text-align:right;margin-right:10px}
#credit a{color:#000000;text-decoration:none}
#credit a:hover{color:#fc0;text-decoration:none}

.comments {margin:5px 0;padding:0px 15px; line-height:1em; }
.comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; }
.comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
.comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; }
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; }
.comments .comments-content .inline-thread { padding:0.5em 1em; }
.comments .comments-content .comment-thread { margin:8px 0; }
.comments .comments-content .comment-thread:empty { display:none; }
.comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
.comments .comments-content .comment:first-child { padding-top:16px; }
.comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; }
.comments .comments-content .comment-body { position:relative; }
.comments .comments-content .user { font-style:normal; font-weight:bold; }
.comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight:bold; text-decoration:none; }
.comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; }
.comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; }
.comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; }
.comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; }
.comments .comments-content .comment-content { text-align:none; }
.comments .comments-content .owner-actions { position:absolute; right:0; top:0; }
.comments .comments-replybox { border:none; height:250px; width:100%; }
.comments .comment-replybox-single { margin-top:5px; margin-left:48px; }
.comments .comment-replybox-thread { margin-top:5px; }
.comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; }
.comments .thread-toggle { cursor:pointer; display:inline-block; }
.comments .continue { cursor:pointer; }
.comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
.comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; }
.comments .thread-chrome.thread-collapsed { display:none; }
.comments .thread-toggle { display:inline-block; }
.comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; }
.comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; }
.comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; }
.comments .avatar-image-container { background-image:url(http://4.bp.blogspot.com/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat; float:left; width:36px; max-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; }
.comments .avatar-image-container img { width:36px; }
.comments .comment-block { margin-left:48px; position:relative; }
@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}

.postmeta{font: 11px Verdana, Geneva, sans-serif;font-weight:400;padding:0px 0;line-height:16px}

@media screen and (max-width: 910px) {
#header{float:none;max-width:none;text-align:center;margin-top:10px}
#header-inner{margin-bottom:0}
#header h1,#header p{margin-right:0}
#header .description{margin:0}
.menusearch{float:none;padding:5px 0 10px}
.masmenu li:first-child a{padding:5px 10px 6px}
.masmenu li{float:left;}
.masmenu li a{border:none}
.main-wrapper{margin-right:0;width:58%;}
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:10px;}
.credit{padding:20px!important}
#credit .left,#credit .right{float:none;text-align:center;margin:0}
.outerpic-wrapper,.content-wrapper{padding:0}
#header2,.page-menu ul{text-align:center;width:100%}
}
@media screen and (max-width: 768px){
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px 0}
}
@media screen and (max-width: 760px){
.masmenu{border-bottom:0}
.page-menu{margin:0}
.outer-wrapper{padding:0}
#content{clear:both;border:none;padding:0}
.main-wrapper{margin-right:0;width:100%;min-height:0}
.sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;padding:10px}
#comment-editor{margin:10px}
.footer{width:auto;margin:15px}
}
@media screen and (max-width: 480px){
#header img{width:100%}
.post-comment-link{display:none}
}
@media screen and (max-width: 320px){
.comments .comments-content .datetime{display:block;float:none}
.comments .comments-content .comment-header{height:70px}
}
@media screen and (max-width: 240px){
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none;}
#header-inner{margin:10px 0}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
.comments .comments-content .comment-replies{margin-left:0}
}